<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="../styles/common.css">
    <link rel="stylesheet" href="../styles/page-home.css">
    <link rel="icon" href="favicon.ico">
</head>
<script src="../js/jquery-3.6.0.js"></script>
<script>
    $(function () {
        $(".item h3").mouseover(function () {
            var tname = $(this).text();
            console.log(tname);
            $(".item-list").hide();
            // siblings 兄弟元素标签选择
            $(this).siblings().show();

        });
        $(".item-list").mouseover(function () {
            $(".item-list").hide();

            $(this).show();

        });
        $(".item-list").mouseout(function () {

            $(".item-list").hide();


        });
        $(".item h3").mouseout(function () {

            $(".item-list").hide();


        });



    });
</script>

<body>
    <!-- 页面顶部 -->
    <div id="nav-bottom">
        <!-- 顶部 -->
        <div class="nav-top">
            <div class="top">
                <div class="py-container">
                    <div class="shortcut">
                        <ul class="fl">
                            <li class="f-item">商城欢迎您！</li>
                            <li class="f-item">
                                "请"<a href="#">登录</a><span><a href="#">免费注册</a></span>
                            </li>
                        </ul>
                        <ul class="fr">
                            <li class="f-item">
                                <a href="#">我的订单</a>
                            </li>
                            <li class="f-item space"></li>
                            <li class="f-item">
                                <a href="#">我的品优购</a>
                                <span class="arr"></span>
                            </li>
                            <li class="f-item space"></li>
                            <li class="f-item">品优购会员</li>
                            <li class="f-item space"></li>
                            <li class="f-item">企业采购</li>
                            <li class="f-item space"></li>
                            <li class="f-item">关注品优购</li>
                            <li class="f-item space"></li>
                            <li class="f-item">客户服务</li>
                            <li class="f-item space"></li>
                            <li class="f-item">网站导航</li>

                        </ul>
                    </div>
                </div>

            </div>
            <!-- 头部 -->
            <div class="header">
                <div class="py-container">
                    <div class="yui3-g Logo">
                        <div class="yui3-u Left logoArea">
                            <a href="#" class="logo-bd"></a>
                        </div>
                        <!-- 搜索、热词 -->
                        <div class="yui3-u Center searchArea">
                            <div class="search">
                                <form action class="sui-form form-inline">
                                    <div class="input-append">
                                        <input type="text" id="autocomplete" class="input-error input-xxlarge" />
                                        <button type="button" class="sui-btn btn-xlarge btn-danger">搜索</button>
                                    </div>
                                </form>
                            </div>
                            <div class="hotwords">
                                <ul>
                                    <li class="f-item">品优购首发</li>
                                    <li class="f-item">亿元优惠</li>
                                    <li class="f-item">9.9元团购</li>
                                    <li class="f-item">每99减30</li>
                                    <li class="f-item">亿元优惠</li>
                                    <li class="f-item">9元团购</li>
                                    <li class="f-item">办公用品</li>
                                </ul>
                            </div>
                        </div>
                        <!-- 购物车 -->
                        <div class="yui3-u Right shopArea">
                            <div class="fr shopcar">
                                <div class="show-shopcar">
                                    <span class="car"></span>
                                    <a href="#" class="sui-btn btn-default btn-xlarge">
                                        <span>我的购物车</span>
                                        <i class="shopnum">0</i>
                                    </a>
                                    <div class="clearfix shopcarlist"></div>
                                </div>

                            </div>



                        </div>
                    </div>
                    <!-- 导航条 -->
                    <div class="yui3-g NavList">
                        <div class="all-sorts-list">
                            <div class="yui3-u  Left  all-sort">
                                <h4>全部商品分类</h4>
                            </div>
                            <div class="sort">
                                <div class="all-sort-list2">
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、数字商品</a></h3>
                                        <!-- 鼠标悬停时，显示 -->
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">数字商品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="item">
                                        <h3><a href="#">图书、家用电器</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">家用电器</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>
                                    <div class="item">
                                        <h3><a href="#">图书、音像、生活用品</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">生活用品</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="item">
                                        <h3><a href="#">日用百货、音像</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">日用百货</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="item">
                                        <h3><a href="#">图书、音像、生蔬水果</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">生蔬水果</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="item">
                                        <h3><a href="#">图书、音像、零食百货</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">零食百货</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="item">
                                        <h3><a href="#">图书、音像、清洁专用</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">清洁专用</a>
                                                    </dt>
                                                    <dd>
                                                        <em><a href="#">免费</a></em>
                                                        <em><a href="#">小说</a></em>
                                                        <em><a href="#">励志与成功</a></em>
                                                        <em><a href="#">婚恋\两性</a></em>
                                                        <em><a href="#">文学</a></em>
                                                        <em><a href="#">经管</a></em>
                                                        <em><a href="#">畅读VIP</a></em>
                                                    </dd>

                                                </dl>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="item">
                                        <h3><a href="#">图书、音像、电子科技</a></h3>
                                        <div class="item-list clearfix">
                                            <div class="subitem">
                                                <dl>
                                                    <dt><a href="#">电子书</a>
                                                    </dt>
                                                    <dd>
                                                        <em>
                                                            <a href="#">免费</a></em>
                                                        <em>
                                                            <a href="#">小说</a></em>
                                                        <em>
                                                            <a href="#">励志与成功</a>
                                                        </em>
                                                        <em>
                                                            <a href="#">婚恋\两性</a>
                                                        </em>
                                                        <em>
                                                            <a href="#">文学</a>
                                                        </em>
                                                        <em>
                                                            <a href="#">经管</a>
                                                        </em>
                                                        <em>
                                                            <a href="#">畅读VIP</a>
                                                        </em>
                                                    </dd>
                                                </dl>
                                            </div>

                                        </div>

                                    </div>


                                </div>
                            </div>


                        </div>
                        <div class="yui3-u Center navArea">
                            <ul class="nav">
                                <li class="f-item">服装城</li>
                                <li class="f-item">美妆馆</li>
                                <li class="f-item">传智超市</li>
                                <li class="f-item">全球购</li>
                                <li class="f-item">闪购</li>
                                <li class="f-item">团购</li>
                                <li class="f-item">拍卖</li>
                                <li class="f-item">有趣</li>
                            </ul>
                        </div>
                        <div class="yui3-u Right"></div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <!-- 轮播层 -->
    <div class="py-container">
        <div class="yui3-g SortList">
            <div class="yui3-u Center banerArea">
                <!-- 轮播图片 -->
                <div class="sui-carousel slide">
                    <ol class="carousel-indicators">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item ">
                            <a href="#">
                                <img src="../uploads/banner1.jpg">
                            </a>
                        </div>
                        <div class="item active">
                            <a href="#">
                                <img src="../uploads/banner2.jpg">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../uploads/banner3.jpg">
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../uploads/banner4.jpg">
                            </a>
                        </div>
                    </div>
                    <a href="#" class="carousel-control left">‹</a>
                    <a href="#" class="carousel-control right">›</a>
                </div>

            </div>
            <div class="yui3-u Right">
                <div class="news">
                    <h4>
                        <em class="fl">品优快报</em>
                        <span class="fr tip">更多&gt;</span>
                    </h4>
                    <ul class="news-list unstyled">
                        <li><span class="bold">[特惠]</span>备战开学时候</li>
                        <li><span class="bold">[特惠]</span>备战开学时候</li>
                        <li><span class="bold">[特惠]</span>备战开学时候</li>
                        <li><span class="bold">[特惠]</span>备战开学时候</li>
                        <li><span class="bold">[特惠]</span>备战开学时候</li>
                    </ul>

                </div>
                <ul class="yui3-g Lifeservice">
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item list-item-1"></i>
                        <span class="service-intro">话费</span>
                    </li>
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item list-item-2"></i>
                        <span class="service-intro">机票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item list-item-3"></i>
                        <span class="service-intro">电影票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item tab-item">
                        <i class="list-item list-item-4"></i>
                        <span class="service-intro">游戏</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-5"></i>
                        <span class="service-intro">彩票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-6"></i>
                        <span class="service-intro">加油站</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-7"></i>
                        <span class="service-intro">酒店</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-8"></i>
                        <span class="service-intro">火车票</span>
                    </li>
                    <li class="yui3-u-1-4 life-item  notab-item">
                        <i class="list-item list-item-9"></i>
                        <span class="service-intro">众筹</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-10"></i>
                        <span class="service-intro">理财</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-11"></i>
                        <span class="service-intro">礼品卡</span>
                    </li>
                    <li class="yui3-u-1-4 life-item notab-item">
                        <i class="list-item list-item-12"></i>
                        <span class="service-intro">白条</span>
                    </li>
                </ul>

                <div class="life-item-content"></div>
                <div class="ads">
                    <img src="../uploads/ad.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 推荐层 -->
    <div class="show">
        <div class="py-container">
            <ul class="yui3-g Recommend">
                <li class="yui3-u-1-6 clock">
                    <img src="../images/clock.png" alt="">
                    <h3>今日推荐</h3>
                </li>
                <li class="yui3-u-5-24"><img src="../uploads/today01.png" alt=""></li>
                <li class="yui3-u-5-24"><img src="../uploads/today02.png" alt=""></li>
                <li class="yui3-u-5-24"><img src="../uploads/today03.png" alt=""></li>
                <li class="yui3-u-5-24"><img src="../uploads/today04.png" alt=""></li>
            </ul>
        </div>
    </div>

    <!--  喜欢-->
    <div class="like">
        <div class="py-container">
            <div class="title">
                <h3 class="fl">猜你喜欢</h3>
                <a href="#" class="fr tip changeBnt" id="xxlChg"><i></i>换一换</a>
            </div>
            <div class="bd">
                <ul class="clearfix yui3-g Favourate picLB" id="picLBxxl">
                    <li class="yui3-u-1-6">
                        <dl class="picDl huozhe">
                            <dd>
                                <a href="item.html" class="pic"><img src="../uploads/like_01.png"></a>
                                <div class="like-text">
                                    <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                                    <h3>¥116.00</h3>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li class="yui3-u-1-6">
                        <dl class="picDl jilu">
                            <dd>
                                <a href="item.html" class="pic"><img src="../uploads/like_02.png"></a>
                                <div class="like-text">
                                    <p>爱仕达 30CM炒锅不粘锅NWG8330E电磁炉炒</p>
                                    <h3>¥116.00</h3>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li class="yui3-u-1-6">
                        <dl class="picDl tuhua">
                            <dd>
                                <a href="item.html" class="pic"><img src="../uploads/like_03.png"></a>
                                <div class="like-text">
                                    <p>捷波朗 </p>
                                    <p>（jabra）BOOSI劲步</p>
                                    <h3>¥236.00</h3>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li class="yui3-u-1-6">
                        <dl class="picDl huozhe">
                            <dd>
                                <a href="item.html" class="pic"><img src="../uploads/like_04.png"></a>
                                <div class="like-text">
                                    <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                                    <h3>¥116.00</h3>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li class="yui3-u-1-6">
                        <dl class="picDl jilu">
                            <dd>
                                <a href="item.html" class="pic"><img src="../uploads/like_05.png"></a>
                                <div class="like-text">
                                    <p>捷波朗 </p>
                                    <p>（jabra）BOOSI劲步</p>
                                    <h3>¥236.00</h3>
                                </div>
                            </dd>
                        </dl>
                    </li>
                    <li class="yui3-u-1-6">
                        <dl class="picDl tuhua">
                            <dd>
                                <a href="item.html" class="pic"><img src="../uploads/like_06.png"></a>
                                <div class="like-text">
                                    <p>三星（G5500）</p>
                                    <p>移动联通双网通</p>
                                    <h3>¥566.00</h3>
                                </div>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 有趣 -->
    <div class="fun">
        <div class="py-container">
            <div class="title">
                <h3 class="fl">京东有趣区</h3>
            </div>
            <div class="clearfix yui3-g Interest">
                <div class="yui3-u row-405 Interest-conver">
                    <span class="x-line"></span>
                    <img src="../uploads/interest01.png" alt="">
                </div>
                <div class="yui3-u row-225 Interest-conver-split">
                    <h5>好东西</h5>
                    <img src="../uploads/interest02.png" alt="">
                    <img src="../uploads/interest03.png" alt="">
                </div>
                <div class="yui3-u row-405 Interest-conver-split blockgary">
                    <h5>品牌街</h5>
                    <div class="split-bt">
                        <img src="../uploads/interest04.png" alt="">
                    </div>
                    <div class="x-img fl">
                        <img src="../uploads/interest05.png" alt="">
                    </div>
                    <divc lass="x-img fr">
                        <img src="../uploads/interest06.png" alt="">
                </div>
                <div class="yui3-u row-165 brandArea">
                    <span class="brand-vline"></span>
                    <ul class="yui3-g brand-list">
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand01.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand02.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand03.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand04.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand05.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand06.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand07.png" alt="">
                        </li>
                        <li class=yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand08.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand09.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand10.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand11.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand12.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand13.png" alt="">
                        </li>
                        <li class="yui3-u-1-2 brand-pit">
                            <img src="../uploads/brand01.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 楼层 -->
    <div class="floor">
        <div class="py-container">
            <div class="title floors">
                <h3 class="fl">家用电器</h3>
                <div class="fr">
                    <ul class="sui-nav nav-tabs">
                        <li class="active"><a href="">热门</a></li>
                        <li><a href="">热门</a></li>
                        <li><a href="">热门</a></li>
                        <li><a href="">热门</a></li>
                        <li><a href="">热门</a></li>
                        <li><a href="">热门</a></li>
                        <li><a href="">热门</a></li>
                    </ul>
                </div>
            </div>
            <div class="clearfix tab-content floor-content">
                <div id="tab1" class="tab-pane active">
                    <div class="yui3-g Floor-1">
                        <div class="yui3-u Left blockgary">
                            <ul class="jd-list">
                                <li>节能补贴</li>
                                <li>4k电视</li>
                                <li>空气净化器</li>
                                <li>IH电饭煲</li>
                                <li>滚筒洗衣机</li>
                                <li>电热水器</li>
                            </ul>
                            <img src="../uploads/floor-1-1.png" alt="">
                        </div>
                        <div class="yui3-u row-330 floorBanner">
                            <div class="sui-carousel slode">
                                <ol class="carousel-indicators">
                                    <li class="active"></li>
                                    <li></li>
                                    <li></li>
                                </ol>
                                <div class="carousel-inner">
                                    <div class="item active"><img src="../uploads/floor-1-b01.png" alt=""></div>
                                    <div class="item"><img src="../uploads/floor-1-b02.png" alt=""></div>
                                    <div class="item"><img src="../uploads/floor-1-b03.png" alt=""></div>
                                </div>
                                <a href="" class="carousel-control">‹</a>
                                <a href="" class="carousel-control right">›</a>
                            </div>
                        </div>
                        <div class="yui3-u row-220 split">
                            <div class="floor-conver-pit">
                                <img src="../uploads/floor-1-2.png" alt="">
                            </div>
                            <div class="floor-conver-pit">
                                <img src="../uploads/floor-1-3.png" alt="">
                            </div>
                            <span class="floor-x-line"></span>
                        </div>
                        <div class="yui3-u row-218 split">
                            <img src="../uploads/floor-1-4.png" alt="">
                        </div>
                        <div class="yui3-u row-220 split">
                            <div class="floor-conver-pit">
                                <img src="../uploads/floor-1-5.png" alt="">
                            </div>
                            <div class="floor-conver-pit">
                                <img src="../uploads/floor-1-6.png" alt="">
                            </div>
                            <span class="floor-x-line"></span>
                        </div>
                    </div>
                </div>
                <!-- <div id="tab2" class="tab-pane"></div>
                                <div id="tab3" class="tab-pane"></div>
                                <div id="tab4" class="tab-pane"></div>
                                <div id="tab5" class="tab-pane"></div>
                                <div id="tab6" class="tab-pane"></div>
                                <div id="tab7" class="tab-pane"></div> -->
            </div>
        </div>
        <div class="py-container"></div>
        <div class="py-container"></div>

    </div>
    <!-- 商标 -->
    <div class="brand">
        <div class="py-container">
            <ul class="Brand-list blockgary">
                <li class="Brand-item">
                    <img src="../uploads/brand_21.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_19.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_17.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_11.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_13.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_15.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_03.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_05.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_07.png" />
                </li>
                <li class="Brand-item">
                    <img src="../uploads/brand_09.png" />
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <div class="clearfix footer">
        <div class="py-container">
            <div class="footlink">
                <div class="Mod-service">
                    <ul class="Mod-Service-list">
                        <li class="grid-service-item intro intro1">
                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                        <li class="grid-service-item intro intro2">
                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                        <li class="grid-service-item intro intro3">
                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                        <li class="grid-service-item intro intro4">
                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                        <li class="grid-service-item intro intro5">
                            <i class="serivce-item fl"></i>
                            <div class="service-text">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="clearfix Mod-list">
                    <div class="yui3-g">
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                            </ul>
                        </div>
                        <div class="yui3-u-1-6">
                            <h4>购物指南</h4>
                            <ul class="unstyled">
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                                <li>购物指南</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="Mod-copyright">
                    <ul class="helpLink">
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <li>关于我们<span class="space"></span></li>
                        <p>地址:金佛安静的脾气幻灯片环球网到期后万千瓦的脾气文件排气温度抛弃就怕</p>
                        <p>京ICP备11041704号</p>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>

</html>